<template>
    <div>
        <ul>
            <li v-for="(item,index) in arr" :key="index">
                <img :src="item.img" alt="">
                <span>{{item.title}}</span>
            </li>
        </ul>
    </div>
</template>

<script>
import {one} from "@/api/topapi.js"
export default {
    data(){
        return{
            arr:[]
        }
    },
    mounted(){
        one().then((ok)=>{
           this.arr=ok.data.list1
        })
    }
}
</script>

<style lang="scss" scoped>
    ul{
        display: flex;
        justify-content: space-around;
        li{
            list-style: none;
            font-size: 0.16rem;
            color: #808080;
            img{
                width: 0.16rem;
                height: 0.16rem;
                vertical-align: middle;
            }
        }
    }
</style>